<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学员管理</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/student-manage.css" />
</head>
<body class="row">

<!-- left area -->
<div class="left col-md-2">
    <aside>
        <div class="welcome t-c">
            <strong>新卓越在线考试管理系统</strong>
        </div>
        <ul class="f-16">
            <a href="exam-summary.html"  class="side-menu-color"><li>
                <i class="icon ion-navicon-round f-18 m-r-10"></i>  考试概况
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
            <a href="student-manage.html"  class="side-menu-color"><li class="nav-list-item-actived">
                <i class="icon ion-person-stalker f-18 m-r-10"></i> 学员管理
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
            <li  class="side-menu-color" id="course">
                <i class="icon ion-ios-list-outline f-18 m-r-10"></i>  课程管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="lesson-info.html" class="side-menu-color"><li class="course child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  课程信息
                <span class="icon ion-android-checkbox-outline f-r f-18"></span>
            </li></a>
            <a href="subject-library.html"  class="side-menu-color"><li class="course child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  题库管理
                <span class="icon ion-android-list f-r f-18"></span>
            </li></a>
            <li class="side-menu-color" id="assessment">
                <i class="icon ion-android-done-all f-18 m-r-10"></i>考核管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="exam-manage.html"  class="side-menu-color"><li class="assessment">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  考试管理
                <span class="icon ion-ios-calculator f-r f-18"></span>
            </li></a>
            <a href="member-manage.html"  class="side-menu-color"><li class="assessment">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  成员管理
                <span class="icon ion-ios-personadd f-r f-18"></span>
            </li></a>
            <li id="grade"  class="side-menu-color">
                <i class="icon ion-calculator f-18 m-r-10"></i>  成绩管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="exam-grade.html"  class="side-menu-color"><li class="grade child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  考试成绩
                <span class="icon ion-android-done-all f-r f-18"></span>
            </li></a>
            <a href="grade-details.html"  class="side-menu-color"><li class="grade child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  成绩明细
                <span class="icon ion-android-funnel f-r f-18"></span>
            </li></a>
            <a href="super-manage.html"  class="side-menu-color"><li>
                <i class="icon ion-ios-locked-outline f-18 m-r-10"></i>  超级管理
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
        </ul>
    </aside>
</div>
<!-- left area end -->

<!-- right area -->
<div class="right col-md-10 f-r">
    <header>
        <span class="notice-body"><i class="icon ion-alert"></i>  公告：</span><span id="notice">2016新卓越秋季软师报名进行中！</span>
        <span id="userName" class="m-r-10">上午好,卓小越  <a href="##">  退出</a></span>
    </header>
    <main>
    	<div class="heading clearfix">
        	<h4 class="f-l">学员管理 <small>查看和管理学员</small></h4>
        	<ol class="breadcrumb f-r">
            	<li class="active">搜索和管理学员</li>
        	</ol>
    	</div>
     	<div class="fliter row clearfix">
     		<div class="f-l">
     			<button type="button" class="btn btn-default" id="addUserIn"><i class="fa fa-plus"></i>   添加学员</button>
     			<button type="button" class="btn btn-default" id="deleteAll"><i class="fa fa-trash-o cur-p deleteOne"></i>   删除学员</button>
     		</div>
			<div class="col-md-4 f-l col-md-offset-1">
    			<span>条件筛选：</span>
    				<button type="button" class="btn btn-default dropdown-toggle" id="btn1" data-toggle="dropdown">
        -------  <span id="span1">请选择课程</span>  ------- <span class="caret"></span>
    				</button>
				    <div class="row bgc-white fliter-box" id="fliterBox">
				        <div class="year col-md-4" id="fliterListNav">
				        <ul>
				        <li class="list-item nav-actived">最近</li>
				        <li class="list-item">2017</li>
				        <li class="list-item">2016</li>
				        <li class="list-item">2015</li>
				        <li class="list-item">2014</li>
				        </ul>
				        </div>
				        <div class="subject col-md-8" id="fliterList">
				            <ul>
				            <li class="list-item">1601软师</li>
				            <li class="list-item">1602软师</li>
				            <li class="list-item">1601程序员</li>
				            <li class="list-item">1602程序员</li>
				            <li class="list-item">1601前端</li>
				            <li class="list-item">1602前端</li>
				            </ul>
				        </div>
				    </div>
			</div>

        <div class="input-group col-md-4 col-md-offset-8">
            <input type="text" class="form-control" placeholder="请输入学号/姓名/课程">
            <span class="input-group-btn">
       			 <button class="btn btn-default" type="button">搜索</button>
      		</span>
        </div>
    </div>

        <!--student-manage-->


        	<table class="table table-hover m-t-20" id="tableUser">
               <!-- On cells (`td` or `th`) -->
               <thead id="userThead">
                <tr class="active">
                 <td class="checkbox m-0"><label><input type="checkbox" name="b" id="btn"></label></td>
                  <td>学号</td>
                  <td>姓名</td>
                  <td>专业</td>
                  <td>参加课程</td>
                  <td>课程状态</td>
                  <td>操作</td>
                </tr>
                </thead>
             	<tbody id="userTbody">

               </tbody>
			</table>
        	<nav class="block">
            <ul class="pagination" id="pagination">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </nav>
		<!--student-manage-end-->
		<!--   add-student     -->
		<div id="zz" class="zz"></div>
        <div id="addUser" class="add-user">
        	<div class="add-header">
        		<span>修改/添加学员信息</span>
        		<i id="addClose">×</i>
        	</div>
        	<div class="editor">
				<form class="form-horizontal" role="form">
					  <div class="form-group">
					    <label for="inputEmail3" class="col-md-4 control-label">学号</label>
					    <div class="col-sm-8">
					      <input type="text" class="form-control" id="inputNum" value="06144134">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-md-4 control-label">姓名</label>
					    <div class="col-sm-8">
					      <input type="text" class="form-control" id="inputName" value="卓小越">
					    </div>
					  </div>
					   <div class="form-group">
					    <label for="inputPassword3" class="col-md-4 control-label">已有课程</label>
					    <div class="col-sm-8">
							<select class="form-control" id="inputCourse">
								  <option>1601期软件工程师</option>
								  <option>1602期程序员</option>
								  <option>1601期前端工程师</option>
							</select>
						</div>
					   </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-md-4 control-label">专业</label>
					    <div class="col-sm-8">
					      <input type="text" class="form-control" id="inputClass" value="通信工程">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-md-4 control-label">课程状态</label>
					    <div class="col-sm-8">
							<select class="form-control" id="classState">
								  <option>未开始</option>
								  <option>进行中</option>
								  <option>已完成</option>
							</select>
						</div>
					   </div>


					  <div class="form-group form-button-user row">
					      <button type="button" class="btn btn-default col-md-4 col-md-offset-4 m-r-20" id="addUserInform">确定</button>
					      <button type="button" class="btn btn-default col-md-4" id="cancelChange">取消</button>
					  </div>
			    </form>
        	</div>
        </div>
        <!--   add-student-end     -->
    </main>
    <footer>
    	<strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
<!-- right area end -->
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/student-manage.js"></script>
<script type="text/javascript" src="js/member-manage.js"></script>


</body>
</html>
